<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta content="{$description}" name="description">
        <title>
            {$title}
        </title>
        <script type="text/javascript" src="__PUBLIC__/jquery-3.1.1.min.js"></script>
        <script src="__PUBLIC__/layui.js"></script>
        <link rel="stylesheet" href="//at.alicdn.com/t/font_001z27klwvobt9.css">
        <link rel="stylesheet" href="__PUBLIC__/css/layui.css">
        <link rel="stylesheet" href="__PUBLIC__/css/global.css">
        <link rel="shortcut icon" href="__PUBLIC__/images/fav.ico" type="image/x-icon"/> 
        <script type="text/javascript">
            $(function () {
                $('#logout-btn').click(function () {
                    layui.use('layer', function(){
                    var layer = layui.layer;
                                 
                    $.ajax({
                        url: "{:U('home/ucenter/logout')}",
                        type: 'POST',
                        dataType: 'json',
                    })
                    .done(function(response) {
                        if(response.info){
                            layer.msg(response.info, {icon: 6});
                            location.href = "{:U('home/index/index')}";
                        }else{
                            layer.msg('服务器出错', {icon: 5});
                        }
                    })
                    .fail(function() {
                        console.log("error");
                    });
                    }); 
                });
            });
        </script>
    </head>
    <body {$body_tag}>
        <div class="header">
            <div class="main">
                <a class="logo" href="{:U('home/index/index')}" title="Fly">
                    Fly社区
                </a>
                <div class="nav">
                    <a href="{:U('home/question/qlistall')}">
                        <i class="iconfont icon-wenda">
                        </i>
                        问答
                    </a>
                    <a href="http://fly.layui.com/case/2016/">
                        <i class="iconfont icon-iconmingxinganli" style="top: 2px;">
                        </i>
                        案例
                    </a>
                    <a href="http://www.layui.com/">
                        <i class="iconfont icon-ui">
                        </i>
                        框架
                    </a>
                </div>
                <?php
                if (!$_SESSION['nickname']) {
                ?>
                    <div class="nav-user">
                    <a class="unlogin" href="{:U('home/login/index')}">
                        <i class="iconfont icon-touxiang">
                        </i>
                    </a>
                    <span>
                        <a class="login-btn" href="{:U('home/login/index')}">
                            登入
                        </a>
                        <a class="reg-btn" href="{:U('home/reg/index')}">
                            注册
                        </a>
                    </span>
                    <p class="out-login">
                        <?php if(C('QQ_SWITCH')){ ?>
                        <a href="{:U('/home/login/qqlogin')}" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-qq" title="QQ登入">
                        </a>
                        <?php } ?>
                        <a href="{:U('/home/login/wblogin')}" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})"
                        class="iconfont icon-weibo" title="微博登入">
                        </a>
                    </p>
                    </div>
                <?php
                } else {
                ?>
                    <div class="nav-user">
                        <a href="{:U('home/ucenter/index')}" class="avatar">
                            <img src="__ROOT__/<?php echo $_SESSION[avatar];?>" id='avatar-pic'>
                            <cite>
                                <?php echo $_SESSION['nickname'] ?>
                            </cite>
                        </a>
                        <div class="nav">
                            <a href="{:U('home/ucenter/setting')}">
                                <i class="iconfont icon-shezhi">
                                </i>
                                设置
                            </a>
                            <a href="javascript:void(0);" id="logout-btn">
                                <i style="top: 0; font-size: 22px;" class="iconfont icon-tuichu">
                                </i>
                                退了
                            </a>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
        {__CONTENT__}
        <div class="footer">
            <p>
                <a href="http://fly.layui.com/">
                    Fly社区
                </a>
                2016 &copy;
                <a href="http://www.layui.com/">
                    layui.com
                </a>
            </p>
            <p>
                <a href="http://fly.layui.com/jie/3147.html" target="_blank">
                    产品授权
                </a>
                <a href="http://fly.layui.com/jie/4536.html" target="_blank">
                    获取Fly社区模版
                </a>
                <a href="http://fly.layui.com/jie/2461.html" target="_blank">
                    微信公众号
                </a>
            </p>
        </div>
    </body>
</html>